<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h4>全选、反选</h4>
		<form action="">
			<p>
			<label>
				<input type="checkbox" name="" id="" /> 篮球
			</label>
			</p>
			<p>
			<label>
				<input type="checkbox" name="" id="" /> 足球
			</label>
			</p>
			<p>
			<label>
				<input type="checkbox" name="" id="" /> 排球
			</label>
			</p>
			<p>
			<label>
				<input type="checkbox" name="" id="" /> 网球
			</label>
			</p>
			<p>
			<label>
				<input type="checkbox" name="" id="" /> 乒乓球
			</label>
			</p>
		</form>
			
		<button id="all">全选</button>
		<button id="notall">全不选</button>
		<button id="unall">反选</button>
			
		
		<script type="text/javascript">
			all=document.getElementById('all');
			notall=document.getElementById('notall');
			unall=document.getElementById('unall');
			objs=document.getElementsByTagName('input')
			
			all.onclick=function(){
				for (i=0;i<objs.length;i++) {
					objs[i].checked=true
				}
			}
			
			//*******************************************************************************
			notall.onclick=function(){
				for (i=0;i<objs.length;i++) {
					objs[i].checked=false
				}
			}
			
			//*******************************************************************************
//			unall.onclick=function(){
//				for (i=0;i<objs.length;i++) {
//					if (objs[i].checked) {
//						objs[i].checked=false
//					} else{
//						objs[i].checked=true
//					}
//				}
//			}
			
			//*******************************************************************************
			//一元运算符!
			unall.onclick=function(){
				for (i=0;i<objs.length;i++) {
					objs[i].checked=!objs[i].checked
				}
			}
			
		</script>
	</body>
</html>
